<!DOCTYPE html>
<html>
<head>
<title>VIP卡余额修改</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>VIP卡余额修改</h3>
  <ul>
    <li><span class="tit" style="width:70px;">选择对象：</span></li>
    <li style="line-height:36px;"><span>
      <input type="text" id="userVipCard_searchVal" placeholder="请输入VIP卡持有者姓名或身份证" style="width:220px;position:absolute;top:0;left:0;"/>
      </span><span style="position:absolute;left:235px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="findUserVipCard();" style="height:36px;" />
      </span></li>
  </ul>
  <div style="clear:both;"></div>
  <div style="margin:0;padding:0;" id="userVipCard_vue_vm_list">
    <div style="margin:0;padding:0;" v-for="todo in todos"> 
      <!--VIP卡搜索结果-->
      <ul>
        <li style="width:150px;"><span style="display:block;position:absolute;top:12px;left:0;">
            <input class="magic-radio" type="radio" name="userVipCardId" v-bind:id="todo.userVipCardId"
           v-bind:value="todo.userVipCardId"
           v-on:click="onClickUserVipCardRadiobox02(todo);"/>
            <label v-bind:for="todo.userVipCardId" class="label_txt" style="width:100px;">持卡人：{{todo.name}}</label>
            </span></li>
        <li><span>身份证：{{todo.cardId}}</span></li>
        <li><span>{{todo.priceYear}}元/年</span></li>
        <li><span>使用年限{{todo.durableYears}}年</span></li>
        <li><span>合计{{(todo.priceYear*todo.durableYears).toFixed(2)}}元</span></li>
        <li><span>一共{{365*todo.durableYears}}天</span></li>
        <li><span>已用{{todo.deductNumber}}天</span></li>
        <li><span>剩余{{todo.buckleNumber}}天</span></li>
      </ul>
      <!--VIP卡搜索结果--> 
    </div>
  </div>
  <div style="clear:both;"></div>
  <div style="margin:0;padding:0;" id="vue_vm">
    <ul>
      <li><span class="tit" style="width:70px;">已用天数：</span></li>
      <li><span>
        <input type="text" placeholder="请输入已经使用的天数" style="width:300px;" id="deductNumber" v-model="data.deductNumber"/>
        </span><span>旧卡，已经被扣的天数，未使用的请填0</span></li>
    </ul>
    <ul>
      <li><span class="tit" style="width:100px;">剩余可扣：</span></li>
      <li><span id="totalBuckleNumber">{{getTotalBuckleNumber(data)?getTotalBuckleNumber(data):''}}天</span>
    </ul>
    <div class="for_ie_div"><!--为兼容IE-->
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="width:160px;">
          <input type="button" value="修改" class="button button1" onclick="update_save();" style="height:38px;"/>
        </li>
      </ul>
    </div>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script> 
<script src="js/common_function.js"></script> 
<script src="js/busi/vip_card_select.js"></script> 
<script src="js/busi/user_vip_card_find.js"></script> 
<script src="js/busi/vip_update.js"></script>
</body>
</html>